C S S   -   Cascading Style Sheets

2.   selektoren

2.5  nachfolge-selektor

Das ist eine ziemlich komplizierte und nicht immer leicht durchschaubare geschichte. Das prinzip ist, dass selektoren durch ein leerzeichen nicht getrennt, sondern verknüpft werden mit dem ergebnis, dass die vereinbarungen für den zweiten selektor (und folgende selektoren) nur gelten, wenn der erste vorhergeht. Es handelt sich also um die schachtelung von tags.

tag1 tag2 { vereinbarungen } typ-selektor folgt typ-selektor
die vereinbarungen gelten für tag2 und wirken nur, wenn ein tag mit dem typ von tag2 in ein tag des typs von tag1 geschachtelt ist.
.klasse tag{ vereinbarungen } typ-selektor folgt klasse-selektor
die vereinbarungen gelten für das tag und wirken nur, wenn das tag in ein HTML-element mit der angegebenen klasse geschachtelt ist.

beispiel
festlegen der selektoren
Für ein b-tag wird die farbe blau vereinbart, aber nur für den fall, dass das tag in ein span-tag geschachtelt ist.

span b { color: blue; }

Zuerst wird die allgemein geltende klasse ari definiert (schriftart Arial, 20 px). Dann wird für ein p-tag die farbe blau vereinbart, aber nur für den fall, das das tag in ein tag mit der klasse ari geschachtelt ist.

hier wird Standardschrift und fett bewirkt

hier wird fett und blau bewirkt

hier wird Arial mit 20px bewirkt

hier wird Arial 20px und fett und blau bewirkt

hinweis
Nachfolge-selektoren werden gerne in komplexen HTML-tags wie div, table u.ä. verwendet. Das folgende beispiel zeigt die definition der klasse tbstd für das tag table, ausserdem werden für die tags th und td vereinbarungen getroffen, die aber nur gelten, wenn die tags in einem table-tag mit der klasse tbstd geschachtelt sind. Damit kann man dann eine tabelle konstruieren. Die einzelheiten werden im abschnitt 6 und dort haup-sächlich in 6.3 beschrieben.

spalte1spalte2
aaaaabbbbb
cccccddddd

zum untermenü

    IMPRESSUM  

    KONTAKT  

    PRIVAT  

    D O K U  


  H T M L  
  c s s
  P H P  
  My S Q L  
  JAVASCRIPT